@charset "utf-8";
/* CSS Document */

body {
  margin:0px;
  padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#595959;
  line-height:18px; }

form, input, select, p, h1, h2, h3, h4, h5, h6, ul, li, ol { margin:0px; padding:0px; }

p { padding:5px 0 5px 0; }

img { border:0px; }

ul { margin:0px; }

ul li {
  padding:0px;
  list-style:none; }

#content ul { margin:6px 0 6px 0px; }

#content ul li {
  padding:5px 0 5px 30px;
  list-style:none;
  background:12px 9px no-repeat url(../images/bulletpoint.png); }

ol { margin:6px 0 6px 33px; }

ol li {
  padding:3px 0 3px 5px; }

h1 {
  font-size:22px;
  font-weight:noraml;
  color:#000;
  line-height:normal;
  padding:6px 0px 6px 0px; }

h2 {
  font-size:18px;
  font-weight:normal;
  color:#000;
  line-height:normal;
  padding:5px 0 3px 0; }

h3 {
  font-size:15px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:normal;
  padding:5px;
  margin:5px 0px;
  width:auto; }

h4 {
  font-size:14px;
  font-weight:bold;
  color:#c59d2e;
  line-height:normal;
  padding:5px 0 2px 0; }

h5 {
  font-size:15px;
	font-weight:normal;
	color:#000;
	line-height:normal;
	padding:5px 0 2px 0; }

h6 {
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:normal;
	padding:10px 0px 10px 0px; }

a:link { color:#996600; text-decoration:none;}
a:visited { color:#c59d2e; text-decoration:none;}
a:hover { color:#996600; text-decoration:none; }

input, textarea, select {
  color:#003745;
  font-size:14px;
  background:0;
  border:0; }

.left { float:left; }
.right { float:right; }


/*****SITE STYLE BEGIN*****/

#page-outside-wrap {
  float:left;
  width:100%; }
  
#top-bar {
  float:left;
  width:100%;
  height:105px;
  background:url(../images/repeat-top-woodBar.png) repeat-x; }
  
#top-bar-center {
  margin:auto;
  width:1180px;
  height:105px;
  background:url(../images/bg-top-woodBar.png) center no-repeat; }
  
#logo-nav-contain {
  float:left;
  width:1180px; }
  
#logo-contain {
  float:left;
  width:274px;
  height:82px;
  margin-top:5px; }
  
#nav-contain {
  position:relative;
  left:791px;
  top:30px;
  width:389px;
  height:37px; }
  
#nav-contain a#home { width:95px; height:37px; position:absolute; top:0; left:0; background:url(../images/nav-home.png) 0 0 no-repeat; cursor:pointer; z-index:0; }
#home-fade { width:95px; height:37px; position:absolute; top:0; left:0; background:url(../images/nav-home-on.png) 0 0 no-repeat; cursor:pointer; z-index:1000; display:none;  }
#home-shadow { width:4px; height:35px; z-index:2000; background:url(../images/nav-shadow-right.png) 0 0 no-repeat; display:none; top:0; position:absolute; left:95px; }
#nav-contain a#home:on { width:95px; height:37px; position:absolute; top:0; left:0; background:url(../images/nav-home-on.png) 0 0 no-repeat; cursor:pointer; }

#nav-contain a#skills { width:105px; height:37px; position:absolute; top:0; left:95px; background:url(../images/nav-skills.png) 0 0 no-repeat; cursor:pointer; z-index:0; }
#skills-fade { width:105px; height:37px; position:absolute; top:0; left:0; background:url(../images/nav-skills-on.png) 0 0 no-repeat; cursor:pointer; z-index:1000; display:none;  }
#shadow-left { width:4px; height:37px; z-index:2000; background:url(../images/nav-shadow-left.png) 0 0 no-repeat; top:0; position:absolute; left:91px; display:none; }
#shadow-right { width:4px; height:37px; z-index:2000; background:url(../images/nav-shadow-right.png) 0 0 no-repeat; top:0; position:absolute; left:200px; display:none; }
#nav-contain a#skills:on { width:105px; height:37px; position:absolute; top:0; left:95px; background:url(../images/nav-skills-on.png) 0 0 no-repeat; cursor:pointer; }

#nav-contain a#works { width:82px; height:37px; position:absolute; top:0; left:200px; background:url(../images/nav-works.png) 0 0 no-repeat; cursor:pointer; z-index:0; }
#work-fade { width:82px; height:37px; position:absolute; top:0; left:0; background:url(../images/nav-works-on.png) 0 0 no-repeat; cursor:pointer; z-index:1000; display:none;  }
#work-left { width:4px; height:37px; z-index:2000; background:url(../images/nav-shadow-left.png) 0 0 no-repeat; top:0; position:absolute; left:196px; display:none; }
#work-right { width:4px; height:37px; z-index:2000; background:url(../images/nav-shadow-right.png) 0 0 no-repeat; top:0; position:absolute; left:282px; display:none; }
#nav-contain a#works:on { width:82px; height:37px; position:absolute; top:0; left:200px; background:url(../images/nav-works-on.png) 0 0 no-repeat; cursor:pointer; }

#nav-contain a#contact { width:107px; height:37px; position:absolute; top:0; left:282px; background:url(../images/contact-nav.png) 0 0 no-repeat; cursor:pointer; z-index:0; }
#contact-fade { width:107px; height:37px; position:absolute; top:0; left:0; background:url(../images/contact-nav-on.png) 0 0 no-repeat; cursor:pointer; z-index:1000; display:none;  }
#contact-left { width:4px; height:37px; z-index:2000; background:url(../images/nav-shadow-left.png) 0 0 no-repeat; top:0; position:absolute; left:278px; display:none; }
#nav-contain a#contact:on { width:107px; height:37px; position:absolute; top:0; left:282px; background:url(../images/contact-nav-on.png) 0 0 no-repeat; cursor:pointer; }
  
#hero-contain {
  float:left;
  width:100%;
  height:500px;
  background:url(../images/bg-repeat-main.jpg) repeat-x;
  margin-top:10 }
  
#main-hero-image {
  margin:auto;
  width:1180px;
  height:503px;
  background:url(../images/main-image.jpg) center center no-repeat; 
  position:relative; }
  
#hero-content {
  position:absolute;
  top:427px;
  left:373px;
  width:520px;
  height:67px; }
  
#hero-content p {
  color:#FFFFFF;
  text-align:center;
  font-size:12px;
  line-height:17px; }
  
#grass-wooden-bar {
  float:left;
  width:100%;
  height:40px;
  background:url(../images/gravel-wood-bar.gif) repeat-x; }

#gravel-contain {
  float:left;
  width:100%;
  background:url(../images/bg-gravel-repeat.gif) repeat-x;
  height:139px; }  
  
#gravel-centre {
  margin:auto;
  width:1280px;
  background:url(../images/middle-gravel.gif) no-repeat;
  height:139px; }
  
#myskills-bar {
  float:left;
  width:100%;
  background:url(../images/bg-repeat-paper.png) repeat-x;
  height:88px; }
  
#skills-centre {
  margin:auto;
  width:1180px; }
  
#myskills-heading {
  float:left;
  width:232px;
  height:57px;
  background:url(../images/bg-my-skills.png) no-repeat;
  margin-top:13px; }

#skill-button-contain {
  float:right;
  width:641px; }

a#scroll-skill-top {
  float:right;
  width:49px;
  height:48px;
  background:url(../images/button-paper-top.png) no-repeat;
  margin-top:8px;
  cursor:pointer;
  display:block; }
  
#spiral-top {
  float:right;
  background:url(../images/bg-spiral-top.png) right no-repeat;
  width:641px;
  height:17px;
  margin-top:10px; }
  
#skills-items-right {
  float:right; 
  width:641px; }
  
#skills-description-wrap {
  float:left;
  width:100%;
  background:url(../images/bg-paper-texture.gif) repeat;
  min-height:100px;
  padding-bottom:30px; }
  
#skill-centre {
  margin:auto;
  width:1180px; }
  
#skill-content {
  float:left;
  width:450px;
  margin-top:25px; }
  
#skill-pad {
  float:right;
  width:643px;
  height:347px;
  background:url(../images/bg-skill-meter.png) no-repeat;
  margin-top:-5px;
  margin-right:-1px; }

#heading-green {
  float:left;
  width:100%;
  background:url(../images/bg-repeat-green.png) repeat-x;
  height:99px; }
  
#heading-centre {
  margin:auto;
  width:1180px; }
  
#works-heading {
  float:left;
  width:164px;
  height:46px;
  background:url(../images/bg-works-heading.png) no-repeat;
  margin-top:21px; }
  
#skills-next-wrap {
  float:left;
  width:100%;
  height:49px;
  margin-top:15px; }
  
a#skills-next-button {
  float:right;
  width:49px;
  height:49px;
  background:url(../images/button-paper-next.png) no-repeat;
  cursor:pointer;
  display:block; }
  
#works-next-wrap {
  float:left;
  width:100%;
  height:49px;
  margin-top:25px; }
  
a#works-next-button {
  float:right;
  width:49px;
  height:49px;
  background:url(../images/button-green-next.png) no-repeat;
  cursor:pointer;
  display:block; }
  
a#works-button-top {
  float:right;
  display:block;
  width:49px;
  height:49px;
  background:url(../images/button-green-top.png) no-repeat;
  margin-top:23px;
  cursor:pointer; }
  
#work-description-wrap {
  float:left;
  width:100%;
  padding-bottom:30px;
  min-height:100px;
  background:url(../images/bg-paper-texture.gif) repeat; }
  
#work-description-centre {
  margin:auto;
  width:1180px; }
  
#work-description-content {
  float:left;
  width:500px;
  margin-top:25px; }
  
#work-thumbnail-contain {
  float:right;
  width:636px;
  margin-top:34px; }
  
#container-top {
  float:left;
  width:636px;
  height:13px;
  background:url(../images/works-table-top.png) no-repeat; }
  
#container-middle {
  float:left;
  width:636px;
  background:url(../images/works-table-middle.png) repeat-y;
  padding-top:10px;
  padding-bottom:10px; }
  
#container-bottom {
  float:left;
  width:636px;
  height:13px;
  background:url(../images/works-table-bottom.png) no-repeat; }
  
table#work-display {
  margin-left:31px; }
  
#contact-wrap {
  float:left;
  width:100%;
  background:url(../images/bg-repeat-gravelfoot.gif) repeat;
  padding-bottom:30px; }
  
#heading-roots {
  float:left;
  width:100%;
  background:url(../images/bg-footer.gif) repeat-x;
  height:226px; }
  
#hole-container {
  width:1165px;
  margin:auto;
  background:url(../images/bg-mole.png) no-repeat;
  height:400px;
  margin-top:225px; }
  
#contact-heading-centre {
  margin:auto;
  width:1180px; }
  
#contact-works-heading {
  float:left;
  width:206px;
  height:46px;
  background:url(../images/bg-contact.png) no-repeat;
  margin-top:21px; }
  
a#contact-works-button-top {
  float:right;
  display:block;
  width:49px;
  height:49px;
  background:url(../images/button-wood-top.png) no-repeat;
  margin-top:23px;
  cursor:pointer; }
  
#contact-details-contain {
  float:left;
  width:300px;
  margin-top:75px;
  margin-left:133px; }
  
#contact-details-contain p {
  color:#FFFFFF; }
  
#contain-details-contain a {
  color:#FFFFFF;
  text-decoration:none; }

#contain-details-contain a:hover {
  text-decoration:underline; }
  
#contain-details-contain a:visited {
  color:#FFFFFF; }
  
#mail-skype {
  float:left;
  width:100%; }
  
#mail {
  float:left;
  height:25px;
  width:100%;
  padding-left:56px;
  background:url(../images/icon-mail.png) no-repeat; 
  margin-top:10px;}
  
#mail a {
  color:#996600;
  text-decoration:none; 
  display:block;
  float:left;
  margin-top:5px; }
  
#mail a:hover {
  text-decoration:underline; }
  
#mail a:visited {
  text-decoration:none;
  color:#996600; }
  
#skype {
  float:left;
  width:100%;
  padding-left:45px;
  height:34px;
  background:url(../images/icon-skype.png) no-repeat;
  margin-top:15px; }
  
#skype p {
  float:left;
  margin-top:5px;
  display:block; }
  
#form { background:#000000; width:500px; height:900px; }

form#Form_Form { background:#666666; border:1px solid black; color:red; width:500px; height:900px; }

form#Form_Form input {background:#FFFFFF; color:#000000; font-size:13px; }

.thumbnail-wrap { 
	float:left;
	width:124px;
	height:124px;
	margin-left:28px; }